<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<script type="text/javascript" src="Plug/jquery-1.11.3.min.js"></script>
		<title>个人中心</title>
		<script src="Plug/layer-v3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>
		<!--layer  弹框插件-->
		<link rel="stylesheet" href="static/css/base/reset.css" />
		<!--jqyery-weiui插件 -->
		<link rel="stylesheet" href="Plug/jquery-weui/jquery-weui.min.css">
		<link rel="stylesheet" href="Plug/jquery-weui/weui.min.css">
		<script src="Plug/jquery-weui/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
		<script src="Plug/jquery-weui/js/city-picker.js" type="text/javascript" charset="utf-8"></script>
		<!--轮播插件-->
		<link rel="stylesheet" type="text/css" href="Plug/swiper/swiper.min.css" />
		<script src="Plug/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<!--重置样式-->
		<link rel="stylesheet" href="static/css/base/main.css" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_990287_w3r7pq8hre.css" />
		<script src="http://at.alicdn.com/t/font_990287_6iesnq7lg2x.js" type="text/javascript" charset="utf-8"></script>
		<!--阿里云图标库-->
		<script src="static/js/base.js" type="text/javascript" charset="utf-8"></script>
		<!---------------公共导入分割线------------------------>
		<!--本页样式-->
		<link rel="stylesheet" href="static/css/my/my_info.css" />
	</head>

	<body>
		<div class="have_bar_wrap">
			<div class="my_infortop">
				<div class="my_infortop_tit flex_cb">
					<a href="javascript:void(0)"><i class="iconfont icon-xuanzeqishangyige"></i></a>
					<a class="tousu_btn" href="javascript:void(0)"><i class="iconfont icon-jingbao"></i>投诉</a>
				</div>
				<div class="my_infor_content">
					<div class="my_infor_content_t">
						<img src="static/images/changkuan12.png" />
						<div class="my_infor_content_m">
							<div class="my_infor_content_mt">
								<span>预见未来</span>
								<i class="iconfont icon-woman"></i>
							</div>
							<div class="my_infor_content_mm">
								<span>23岁</span>
								<i>·</i>
								<span>重庆市</span>
								<i>·</i>
								<span>模特</span>
							</div>
							<div class="my_infor_content_mm">
								<span>约拍 4</span>
								<i>|</i>
								<span>关注 0</span>
								<i>|</i>
								<span>粉丝 6</span>
							</div>
							<div class="my_infor_content_mt">
								<b class="real_name_icon">实名认证</b>
								<b class="yellow_icon">超级会员</b>
							</div>
						</div>
						<a class="my_infor_gz" href="javascript:void(0)"><i class="iconfont icon-jiahao"></i>关注</a>
						<!--<a class="my_infor_gz" href="javascript:void(0)"><i class="iconfont icon-jiahao"></i>编辑</a>-->
					</div>
					<!--<div class="my_infor_content_tm">
					<span>关注</span>
					<span class="my_infor_margin">321</span>
					<span>作品</span>
					<span class="my_infor_margin">3</span>
				</div>-->
					<div class="my_infor_tab flex_cb">
						<div class="my_infor_tab_l">
							<a class="my_infor_tab_actioin" href="javascript:void(0)">资料</a>
							<a href="javascript:void(0)">相册</a>
							<a href="javascript:void(0)">动态</a>
							<a href="javascript:void(0)">形象卡</a>
						</div>
						<!--	<a class="lianxi_btn" href="javascript:void(0)"><i class="iconfont icon-ziyuan"></i>联系Ta</a>-->
					</div>
				</div>
			</div>
			<div id="my_inforbanner" class="swiper-container ">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<!--资料-->
						<!--模特的个人资料-->
						<!--<div class="video_box_wrap">-->
							<!--<video class="video_box" poster="static/images/index_banner.jpg">-->
								<!--<source src="https://www.runoob.com/try/demo_source/movie.mp4" type="video/mp4">-->
							<!--</video>-->
							<!--<i class="iconfont icon-bofang1 play_videoicon"></i>-->
						<!--</div>-->
						<ul class="myinfor_cc flex_ca">
							<li>
								<!--<i class="iconfont icon-shengao shengao_icon"></i>-->
								<div class="myinfor_cc_info">
									<p>身高</p>
									<p>177cm</p>
								</div>
							</li>
							<li>
							<!--	<i class="iconfont icon-icontizhong01 tizhong_icon"></i>-->
								<div class="myinfor_cc_info">
									<p>体重</p>
									<p>58kg</p>
								</div>
							</li>
							<li>
								<!--<i class="iconfont icon-sanwei sanwei_icon"></i>-->
								<div class="myinfor_cc_info">
									<p>三围</p>
									<p>90-63-92</p>
								</div>
							</li>
							<li>
								<!--<i class="iconfont icon-xie_ xiema_icon"></i>-->
								<div class="myinfor_cc_info">
									<p>鞋码</p>
									<p>39</p>
								</div>
							</li>
						</ul>

						<div id="ziliao" class="my_inforcard">
							<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-guest-list"></use>
									</svg>
									<span>个人简介</span>
								</div>
								<p class="my_inforjj">成熟风格、身材匀称、相貌端正、外表甜美、气质佳，喜欢展现自己、有良好表现力、能配合好摄影师的拍摄工作，接受棚拍、外景拍摄，有责任心，在镜头前大胆展现自我，热爱时尚，热爱自拍，时间观念强，有业余的时间都可以大胆尝试。</p>
							</div>
							<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-bell"></use>
									</svg>
									<span>约拍形式</span>
								</div>
								<ul class="my_infor_list">
									<li>
										<span>约拍类型</span>
										<span>互免约拍</span>
									</li>
									<li>
										<span>约拍金额</span>
										<span class="red_font">免费</span>
									</li>
								</ul>
							</div>
							<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-ruler1"></use>
									</svg>
									<span>尺度标签</span>
								</div>
								<ul class="major_tips">
									<li>正常尺度</li>
									<li>内衣尺度</li>
									<li>半裸尺度</li>
									<li>全裸尺度</li>
									<li>不限尺度</li>
								</ul>
							</div>
							<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-diamond"></use>
									</svg>
									<span>专业标签</span>
								</div>
								<ul class="major_tips">
									<li>平面模特</li>
									<li>礼仪模特</li>
									<li>T台模特</li>
									<li>发型模特</li>
								</ul>
							</div>
							<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-dress"></use>
									</svg>
									<span>风格标签</span>
								</div>
								<ul class="major_tips">
									<li>时尚</li>
									<li>性感</li>
									<li>暗黑</li>
									<li>情绪</li>
									<li>校园</li>
								</ul>
							</div>
							<!--摄影师的个人资料-->
							<!--<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-bell"></use>
									</svg>
									<span>个人信息</span>
								</div>
								<ul class="my_infor_list">
									<li>
										<span>使用设备</span>
										<span>佳能77D</span>
									</li>
									<li>
										<span>约拍报价</span>
										<span>330元/天</span>
									</li>
								</ul>
							</div>
							<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-dress"></use>
									</svg>
									<span>擅长风格</span>
								</div>
								<ul class="major_tips">
									<li>时尚</li>
									<li>性感</li>
									<li>暗黑</li>
									<li>情绪</li>
									<li>校园</li>
								</ul>
							</div>
							<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-guest-list"></use>
									</svg>
									<span>个人简介</span>
								</div>
								<p class="my_inforjj">成熟风格、身材匀称、相貌端正、外表甜美、气质佳，喜欢展现自己、有良好表现力、能配合好摄影师的拍摄工作，接受棚拍、外景拍摄，有责任心，在镜头前大胆展现自我，热爱时尚，热爱自拍，时间观念强，有业余的时间都可以大胆尝试。</p>
							</div>-->
							<!--化妆师的个人资料-->
							<!--<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-bell"></use>
									</svg>
									<span>个人信息</span>
								</div>
								<ul class="my_infor_list">
									<li>
										<span>工作年限</span>
										<span>5年</span>
									</li>
									<li>
										<span>约拍报价</span>
										<span>私聊</span>
									</li>
								</ul>
							</div>
							<div class="my_inforcard_top">
								<div class="my_inforcardtit flex_cl">
									<svg class="icon infor_listicon" aria-hidden="true">
										<use xlink:href="#icon-guest-list"></use>
									</svg>
									<span>个人简介</span>
								</div>
								<p class="my_inforjj">成熟风格、身材匀称、相貌端正、外表甜美、气质佳，喜欢展现自己、有良好表现力、能配合好摄影师的拍摄工作，接受棚拍、外景拍摄，有责任心，在镜头前大胆展现自我，热爱时尚，热爱自拍，时间观念强，有业余的时间都可以大胆尝试。</p>
							</div>-->
						</div>
					</div>
					<div class="swiper-slide">
						<!--相册-->
						<div class="album">
							<ul class="album_list">
								<li>
									<div class="album_list_tit">这里是相册标题名字</div>
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
								</li>
								<li>
									<div class="album_list_tit">这里是相册标题名字</div>
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
									<img src="static/images/changkuan11.png" />
								</li>
							</ul>
						</div>
					</div>
					<div class="swiper-slide">
						<!--动态-->
						<div class="yp_info">
							<div class="main_box">
								<div class="yp_info_tit flex_tb">
									<img class="yp_info_tit_head" src="static/images/changkuan21.png">
									<div class="yp_info_tit_mid">
										<div class="yp_info_tit_mid_top flex_cl">
											<span>王木林森</span>
											<i class="iconfont icon-woman"></i>
											<b class="real_name_icon">已实名</b>
											<b class="guarantee_icon">信用担保</b>
										</div>
										<div class="yp_info_tit_mid_bottom">
											<span>摄影师</span>
										</div>
									</div>
									<div class="yp_info_tit_r flex_cc">
										<i class="iconfont icon-weizhi1"></i>
										<span>成都</span>
									</div>
								</div>
								<div class="yp_info_subtit flex_cl">
									<span class="subtit_type subtit_type_red">约摄影师</span>
									<p>希望可以互免</p>
								</div>
								<div class="yp_info_content">
									在昆明市区街拍需提前预约，有其他问题电联~
								</div>
								<div class="photo_wrap">
									<div class="swiper-container yp_swiper swiper-container-initialized swiper-container-horizontal swiper-container-ios">
										<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
											<a class="swiper-slide swiper-slide-active" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide swiper-slide-next" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
										</div>
										<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
								</div>
								<div class="model_tips">
									<span>性感</span>
									<span>内衣</span>
									<span>成熟</span>
								</div>
							</div>
						</div>
						<div class="yp_info">
							<div class="main_box">
								<div class="yp_info_tit flex_tb">
									<img class="yp_info_tit_head" src="static/images/changkuan21.png">
									<div class="yp_info_tit_mid">
										<div class="yp_info_tit_mid_top flex_cl">
											<span>王木林森</span>
											<i class="iconfont icon-woman"></i>
											<b class="real_name_icon">已实名</b>
											<b class="guarantee_icon">信用担保</b>
										</div>
										<div class="yp_info_tit_mid_bottom">
											<span>摄影师</span>
										</div>
									</div>
									<div class="yp_info_tit_r flex_cc">
										<i class="iconfont icon-weizhi1"></i>
										<span>成都</span>
									</div>
								</div>
								<div class="yp_info_subtit flex_cl">
									<span class="subtit_type subtit_type_red">约摄影师</span>
									<p>希望可以互免</p>
								</div>
								<div class="yp_info_content">
									在昆明市区街拍需提前预约，有其他问题电联~
								</div>
								<div class="photo_wrap">
									<div class="swiper-container yp_swiper swiper-container-initialized swiper-container-horizontal swiper-container-ios">
										<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
											<a class="swiper-slide swiper-slide-active" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide swiper-slide-next" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
											<a class="swiper-slide" href="javascript:void(0)" style="margin-right: 10px;"><img src="static/images/changkuan11.png"></a>
										</div>
										<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
								</div>
								<div class="model_tips">
									<span>性感</span>
									<span>内衣</span>
									<span>成熟</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="contact_bottom">
			<a class="contact_bottom_btn1" href="javascript:void(0)"><i class="iconfont icon-home"></i>首页</a>
			<a id="collect" class="contact_bottom_btn1" href="javascript:void(0)"><i class="iconfont icon-heart"></i>收藏</a>
			<a class="contact_bottom_btn2 contact_1" href="javascript:void(0)">极速联系</a>
			<a class="contact_bottom_btn2 contact_2" href="javascript:void(0)">约拍Ta</a>
			<a class="share_contact" href="javascript:void(0)"><i class="iconfont icon-fenxiang2"></i></a>
		</div>
		<script type="text/javascript">
			/*点击切换资料相册*/
			$(function() {
				var tabsSwiper = new Swiper('#my_inforbanner', {
					speed: 500,
					autoHeight: true,
					on: {
						slideChangeTransitionStart: function() {
							$(".my_infor_tab_l a").removeClass('my_infor_tab_actioin');
							$(".my_infor_tab_l a").eq(this.activeIndex).addClass('my_infor_tab_actioin');
						}
					}
				})
				var yuepailist = new Swiper('.yp_swiper', {
					slidesPerView: 'auto',
					spaceBetween: 10,
					speed: 300,
				})
				$(".my_infor_tab_l a").on('click', function(e) {
					e.preventDefault()
					$(".my_infor_tab_l .my_infor_tab_actioin").removeClass('my_infor_tab_actioin')
					$(this).addClass('my_infor_tab_actioin')
					tabsSwiper.slideTo($(this).index())
				})
				/*点击切换播放*/
				$(document).on("click", ".play_videoicon", function() {
					var myVideo = $(this).siblings("video")[0];
					if(myVideo.paused) { //返回video播放状态布尔值
						myVideo.play(); //播放
						$(this).hide();
					} else {
						myVideo.pause();
						$(this).show();
					}
				})
				/*点击切换播放*/
				$(document).on("click", ".video_box", function() {
					var myVideo = $(this)[0];
					if(myVideo.paused) { //返回video播放状态布尔值
						myVideo.play(); //播放
						$(this).siblings(".play_videoicon").hide();
					} else {
						myVideo.pause();
						$(this).siblings(".play_videoicon").show();
					}
				})
				$(document).on("click", "#collect", function() {
					if($(this).hasClass("collection_ok")) {
						$(this).removeClass("collection_ok");
						$(this).children("i").removeClass("icon-heart-fill").addClass("icon-heart");
						Msg("取消收藏")
					} else {
						$(this).addClass("collection_ok");
						$(this).children("i").addClass("icon-heart-fill").removeClass("icon-heart");
						Msg("收藏成功")
					}
				})
			})
		</script>
	</body>

</html>